<!-- 主界面 -->
<div class="main">

    <!-- 工具栏 -->
    <div class="toolbar">
        <!-- 左侧按钮 -->
        <button open="{area:'600px', offset:'139px'}" url="/admin/articleTag/add" class="btn btn-success btn-sm mr-1">
			<i class="fa fa-plus mr-1"></i>创建
		</button>
    </div>

    <!-- 表格容器 -->
    <div id="table-box" class="table-box">

        <table class="table table-hover">

            <thead>
            <tr>
                <th>ID</th>
                <th>名称</th>
                <th>创建时间</th>
                <th class="operation">操作</th>
            </tr>
            </thead>

            <tbody>
            #for (x : page.getList())
            <tr>
                <td>#(x.id)</td>
                <td><a href="/article/tag/#(x.slug)" target="_blank">#(x.name)</a></td>
                <td>#date(x.created)</td>
                <td class="operation">
                    <a open="{area:'600px', offset:'139px'}" url="/admin/articleTag/edit?id=#(x.id)&pn=#(page.pageNumber)">修改</a> |

                    ### 这里用 url 代替 href 是为了防止意外删除数据
                    <a confirm="确定删除 #escape(x.title) ？" ok-remove="tr" url="/admin/articleCategory/delete?id=#(x.id)">删除</a>
                </td>
            </tr>
            #end
            </tbody>

        </table>
    </div>

    <!-- 分页 -->
    ### 将 keyword 放入 append，促使分页链接中追加该参数用于搜索
    #@adminPaginate(page, "/admin/articleTag?pn=")

</div>




